<template>
    <p>子组件</p>
    <p>父组件传下来的值： {{ msg }}</p>
    <button @click="updateMsg">修改父组件的值</button>
</template>

<script setup>

// 2. 定义父组件传下来的值的变量名
const props = defineProps(['msg'])

// 1. 子组件先定义一个子传父的事件
const emit = defineEmits(['childEmit'])

function updateMsg() {
    emit('childEmit', '这是子组件传上来的值')
}

// 2. 父组件，监听这个事件
// 3. 父组件，根据这个事件的触发，然后取得相应的值，子组件传上来的值

</script>